<template>
  <div class="main-content-container">
    <Tabs :data="tabsName" class="tabcss" @change="handleClick" />
    <WithDraw v-if="tabsVal===1" />
    <Record v-if="tabsVal===2" />
  </div>
</template>
<script>
import Tabs from "@/components/SearchSelection";
import "@/assets/styles/common.scss";
import WithDraw from "./withDraw";
import Record from "./record";

export default {
  components: {
    Tabs,
    WithDraw,
    Record,
  },
  data() {
    return {
      tabsName: [
        { id: 1, name: "待划扣" },
        { id: 2, name: "划扣记录" },
      ],
      tabsVal: 1,
    };
  },
  computed: {

  },
  methods: {
    handleClick(tab) {
      this.tabsVal = tab;
    },
  },
};
</script>
<style lang="scss" scoped>
</style>
